/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<    告警地图     >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

#MaintainAlarm-AlarmGaode-map {
  /* ============================== 圆圈 ============================== */
  .amap-marker > div::before {
    content: "";
    position: absolute;
    z-index: 10;
    top: 1px;
    left: 1px;
    width: 38px;
    height: 38px;
    border-radius: 50%;
  }
}

/* ============================== 一级告警 ============================== */
.AlarmGaode-level1::before {
  animation: MaintainAlarmLevel1 1.5s infinite;
}

/* ============================== 二级告警 ============================== */
.AlarmGaode-level2::before {
  animation: MaintainAlarmLevel2 0.6s infinite;
}

/* ============================== 三级告警 ============================== */
.AlarmGaode-level3::before {
  animation: MaintainAlarmLevel3 0.2s infinite;
}

@keyframes MaintainAlarmLevel1 {
  0% {
    box-shadow: 0 0 0 0 #8248ff;
  }
  50% {
    box-shadow: 0 0 16px 4px #8248ff;
  }
  100% {
    box-shadow: 0 0 0 0 #8248ff;
  }
}

@keyframes MaintainAlarmLevel2 {
  0% {
    box-shadow: 0 0 0 0 #ff7700;
  }
  50% {
    box-shadow: 0 0 16px 4px #ff7700;
  }
  100% {
    box-shadow: 0 0 0 0 #ff7700;
  }
}

@keyframes MaintainAlarmLevel3 {
  0% {
    box-shadow: 0 0 0 0 #ef0000;
  }
  50% {
    box-shadow: 0 0 16px 4px #ef0000;
  }
  100% {
    box-shadow: 0 0 0 0 #ef0000;
  }
}
